<template>
    <div class='top'>
        <router-link to="/pic">
            <p>图片</p>
        </router-link>
        <router-link to="/vid">
            <p>视频</p>
        </router-link>
    </div>
</template>

<script setup></script>

<style scoped lang='less'>
.top {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    width: 100vw;
    padding: 10px 20px 0 0;

    a {
        color: white;
    }

    p {
        width: 70px;
        border-bottom: 1px solid white;
        text-align: center;
        padding-bottom: 5px;
        margin-right: 10px;
        cursor: pointer;
    }
}
</style>